<html>
<head>
	<link rel="stylesheet" type="text/css" href="style.css" media="all" />
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
</head>
<body>
	<div class="popup">
		<div class="langs">
			<select id="sourceSelect" class="select" title="Source language">
			</select>
			<input id="swapButton" type="button" class="exchange" title="Swap languages (Ctrl+E)" />
			<select id="targetSelect" class="select" title="Target language">
			</select>
			<input type="button" id="showOptionsButton" class="settings" title="Options" />
		</div>

		<div class="input">
			<div style="float: left;">
				<textarea id="textInput" rows=1 cols=5 maxcols="10" class="input-field" title="Input word for translation" autofocus></textarea>
			</div>
			<div style="float: right">
				<input id="translateButton" type="button" class="go" title="Translate (Enter or Ctrl+T)" />
			</div>
			<div style="clear:both"/>
		</div>
		<div id="translation" class="translation">
		</div>
	</div>	
	
</body>
<script type="text/javascript" src="popup.js"></script>
</html>
